\documentclass[a4paper,10pt]{article}
\usepackage[utf8x]{inputenc}
%\usepackage[dutch]{babel}
\usepackage[pdftex]{graphicx}
\newcommand{\HRule}{\rule{\linewidth}{0.5mm}}
\usepackage{subfig}

\begin{document}

\input{titlepage}

\begin{abstract}
Dit is het eerste tussentijds verslag voor het vak multimedia, van groep \emph{SiNT}.  \emph{SiNT} staat voor SiNT is Not Toledo.  De opgave bestond eruit een mobiel Learning Management System (LMS) te ontwikkelen waarbij het LMS zeer ruim diende opgevat te worden.  We moesten ons vooral focussen op de wijze waarop dit vak gedoceerd wordt en hiervoor een applicatie met zowel \emph{iOS},  \emph{Android} en \emph{HTML5} ontwikkelen.  Wij hebben een scenario (zie sectie \ref{Scenario}) en storyboard (zie sectie \ref{Storyboard}) uitgewerkt om de werking van onze applicatie weer te geven.   
De belangrijkste uitdagingen voor ons zijn het werken in teamverband om tot een werkende en handige applicatie te komen.  Momenteel hebben we al geleerd dat bij de ontwikkeling van een applicatie ideeën en design onafhankelijk van de aangeboden technologieën moeten worden gezien.

\end{abstract}

\section{Idee}
\label{Idee}

De nadruk van onze app ligt vooral bij notificaties en gamification.  Verschillende informatiebronnen over de vakken die je volgt, worden geraadpleegd en in een stream weergegeven.   De stream zal voornamelijk twitterberichten met de hashtag van een bepaald vak bevatten.  Zowel professoren als medestudenten kunnen deze verspreiden.  Ook  RSS-feeds van relevante blogs willen we in de stream verwerken.  Via vakpagina’s kunnen ook vragen gesteld worden.  Nieuwe vragen en hun antwoorden zullen ook zichtbaar zijn. \newline 
De gamification zal proberen de interesse van studenten te verhogen.  Punten om hoger de ranking op te klimmen, zullen op verschillende manieren verdiend kunnen worden.  De belangrijkste 3 zijn achievements,  vragen goed beantwoorden en in de les inchecken.  De notificaties zullen ervoor zorgen dat studenten up-to-date zijn voor al hun gevolgde vakken.  \newline
Bij de andere groepjes merken we dat deze thematiek ook vaak naar voor komt.  Vele proberen ook een overkoepelende applicatie te maken die zoveel mogelijk informatie combineert.  Sommigen integreren ook andere zaken als mailclients en contactgegevens van de professoren.  Wij hebben ervoor gekozen om de sociale netwerken vooral te gebruiken en dus andere zaken als uitbreiding te beschouwen.  Ook agenda’s en uurroosters zien wij eerder als uitbreiding omdat wij vinden dat er momenteel al voldoende ondersteuning is om deze problemen aan te pakken.  Wel wilden wel een bestandensysteem ontwikkelen om het delen van bestanden te vergemakkelijken.  Omdat dit ons niet haalbaar leek binnen de opgelegde termijn zijn we van dit idee afgestapt.  Opmerkingen via de \emph{pitch} en de blog hebben ons er al toe aangezet kleine zaken aan te passen.  Initieel wilden we inloggen via Facebook maar aangezien we weining tot geen functionaliteiten van Facebook gebruiken zullen we overschakelen naar een login via Twitter.  Ook de opmerking over het integreren van blogs hebben we overwogen en goedgekeurd.

\newpage

\section{Scenario}
\label{Scenario}

Voor het opstellen van ons scenario hebben we geprobeerd aan de hand van een verhaal weer te geven hoe de gebruiker met onze applicatie te werk gaat. Stap voor stap wordt weergegeven hoe een gebruiker met de applicatie omgaat zonder hierdoor enige details weer te geven hoe de applicatie er uitziet, op welke knop de gebruiker klikt, enz. We hebben geprobeerd al onze basisfunctionaliteiten in ons scenario te verwerken.
\paragraph{}
\textit{Ik neem mijn mobile device en start de applicatie.  Daarna check ik in voor Multimedia en krijg hiervoor X aantal punten.  Ik krijg ook te zien of er updates in verband met mijn vakken zijn.  Er is een nieuw practicum van Gedistribueerde Systemen door de prof gepost.  Ik klik voor meer informatie, lees dan kort de opgave en bekijk de deadline.  Vermeld staat: "Op tijd inleveren zorgt voor extra punten", waarmee ik zonder twijfel het practicum aan mijn TODO-list toevoeg.\newline
Wat later… \newline
Ik kan niet volgen in de les van Multimedia en stel de volgende vraag op de applicatie:  "Wat is het verschil tussen een scenario en een storyboard?”  Iemand antwoordt hierop en ik geef aan dat dit een goed antwoord was door middel van punten uit te reiken.  Nadien bekijk ik mijn eigen ranking in het punten systeem.  Daarna sluit ik de applicatie af.}
\paragraph{}
Er zijn natuurlijk ook enkele alternatieven die het scenario niet gehaald hebben. Zo is het delen van documenten momenteel naar de achtergrond geschoven. Indien het toch haalbaar is, kan er overwogen worden om dit toe te voegen.
Uiteindelijk is er niet zoveel veranderd aan ons origineel scenario. Op advies van de prof is het verhaal concreter gemaakt en zijn enkele dingen aangepast. Zo krijgt de lezer van het scenario meer inzicht in het gebruik van onze applicatie.
Het grote voordeel van een scenario is dat de gebruiker door middel van een verhaaltje de basisflow van onze applicatie kan begrijpen. 
Het nadeel is dat er niet met figuren kan worden weergegeven hoe de applicatie er ongeveer uitziet in de bepaalde stappen van het scenario.

\newpage{}

\section{Storyboard}
\label{Storyboard}



\begin{figure}[h!]
  \centering
  \subfloat[Scherm 1]{\label{fig:gull}\includegraphics[width=0.3\textwidth]{img/storyboard1.jpg}}                
  \subfloat[Scherm 2]{\label{fig:tiger}\includegraphics[width=0.3\textwidth]{img/storyboard2.jpg}}
  \subfloat[Scherm 3]{\label{fig:mouse}\includegraphics[width=0.3\textwidth]{img/storyboard3.jpg}}
  \label{fig:animals}
\end{figure}
\begin{figure}[h!]
  \centering
  \subfloat[Scherm 4]{\label{fig:gull}\includegraphics[width=0.3\textwidth]{img/storyboard4.jpg}}                
  \subfloat[Scherm 5]{\label{fig:tiger}\includegraphics[width=0.3\textwidth]{img/storyboard5.jpg}}
  \caption{Storyboard SiNT applicatie}
  \label{fig:animals}
\end{figure}

Bob opent de applicatie en komt op het hoofdscherm terecht. Hier ziet hij zijn huidige totale score/rating (Scherm 1). Bovenaan in de menubalk kan hij het menu openen en zo naar de verschillende vakken navigeren. Hij kan ook heel gemakkelijk van elke pagina terug naar het hoofdscherm gaan. Dit doet hij door op het huisje te klikken. In het midden van het scherm wordt een stream met recente activiteiten weergeven. Door op het filter-icoontje te klikken kan hij een filter toepassen op de stream (enkel tweets, enkel vragen, enkel blogposts,...) om zo sneller aan relevante informatie te kunnen. Rechtsbovenaan ziet hij hoeveel nieuwe activiteiten er zijn. Als hij op dit getal klikt opent er een venster waarop de nieuwe notificaties te zien zijn (à la Facebook).
\newpage
Hij navigeert naar het vak \emph{Multimedia} en komt op de vakpagina terecht (scherm 2). Onder de naam van het vak wordt zijn score voor dit vak weergegeven. Als hij hierop klikt komt hij op de leaderboards van het vak terecht. Op deze pagina zijn ook knoppen voorzien om een vraag te stellen, in te cheken in de les en vanuit de applicatie te twitteren over de les. In het midden van het scherm wordt weer een stream van activiteiten weergegeven, dit keer enkel met activiteiten die relevant zijn voor het vak.
Hij besluit om de vragen over het vak te bekijken en klikt op de knop met het vraagteken. Uit de lijst van vragen selecteert hij er \'e\'en.

Bob komt op een \emph{vraagscherm} (scherm 3) terecht. Hij ziet dat deze vraag al beantwoord is en dat anderen dit een goed antwoord vonden. Ook hij vindt dit een goed antwoord en beloont de antwoorder met een “+1”.

Hij navigeert terug naar de vakpagina en klikt op de score om zo op de leaderboards terecht te komen (scherm 4). Hij zit niet ver van de eerste plaats en is gemotiveerd om de huidige mume-kampioen van zijn troon te stoten.
Hij klikt op zijn eigen naam in de lijst om meer details te bekijken.

Bob komt terecht op zijn persoonlijke detailpagina (scherm 5). Hier kan hij zien welke achievements hij al behaald heeft. In de andere tab kan hij enkele persoonlijke statistieken bekijken.

\section{Besluit}
\label{Besluit}

Tijdens het eerste deel van de opdracht hebben we al heel wat bijgeleerd. Het voornaamste wat we geleerd hebben is kritisch nadenken over de programma’s/platformen die we dagelijks gebruiken. Op het eerste zicht leek er niet veel mis met toledo, maar eenmaal we er even bij stilstonden kwamen toch heel wat mankementen en mogelijke verbeteringen naar boven. Het was dan ook interessant om vanuit al die ideeën zelf met een voorstel voor een applicatie naar voren te komen. Hierover werd dan weer kritisch nagedacht, en zo werd ons voorstel steeds meer verfijnd en bijgeschaafd. Sommige ideeën werden geschrapt en nieuwe ideeën toegevoegd. Zelf commentaar geven op andere groepjes hielp ons ook vooruit. Zo zagen we wat anderen goed of juist niet goed deden. Daaruit konden we onze lessen trekken en zelf onze ideeën bijsturen. Onze applicatie heeft al redelijk wat vorm en we hebben een goed beeld van wat we willen bereiken. Het is echter nog perfect mogelijk dat we tijdens de ontwikkeling van onze applicatie merken dat iets niet haalbaar is en onze plannen moeten aanpassen.
\newpage
\appendix

\section{Tijdsbesteding}
\begin{tabular}{|l|l|l|l|}
\hline
 & Sander Van Loock & Glenn Croes & Koen Dendas \\ \hline \hline
Breinstorm & 4 & 3& 4\\ \hline
Scenario & 4 & 2 & 4\\ \hline
Storyboard & 4 & 3.5 & 6\\ \hline
Verslag & 6& 2 & 2 \\ \hline
Eigen Blog & 3& 4 & 2\\ \hline
Blog van anderen & 2 & 2 & 2\\ \hline \hline
Totaal & 23 & 16.5 & 20 \\ \hline

\end{tabular}


\end{document}